<div>
    <div data-type="workorder">
        <div id="workorder_div">
            <form class="bs-example form-horizontal xs-form" id="query_form">
                <div class="form-group">
                    <h1 style="text-align:center;">桌面服务请求</h1>
                </div>
                <div class="panel panel-default animated fadeInRight" id="step1">
                    <div class="panel-body no-tb-padder">
                        <div class="form-group">
                            <h4 style="text-align:center;">基本信息</h4>
                        </div>
                        <div class="form-group mb20">
                            <label class="col-lg-2 control-label tr required">部门：</label>
                            <div class="col-lg-3 tl">
                                <div id="departId" class="inputdrop" required>
                                </div>
                            </div>
                            <label class="col-lg-2 control-label tr required">姓名：</label>
                            <div class="col-lg-3 tl">
                                <div id="applyUser" class="inputdrop" required>
                                </div>
                            </div>
                        </div>
                        <div class="form-group mb20">
                            <label class="col-lg-2 control-label tr required">电话：</label>
                            <div class="col-lg-3 tl">
                                <input type="text" validate="required,TelePhone" class="form-control input-sm" data-id="telPhone"/>
                            </div>
                            <label class="col-lg-2 control-label tr required">服务目录：</label>
                            <div class="col-lg-3 tl">
                                <div id="serviceMulu" class="inputdrop" required>
                                </div>
                            </div>
                        </div>
                        <div class="form-group mb20">
                            <label class="col-lg-2 control-label tr required">报修日期：</label>
                            <div class="col-lg-3 tl">
                                <div class="input-group w-all">
                                    <input type="text" validate="required" class="form-control input-sm" data-id="baoXiuDate" readonly="readonly"/>
                                </div>
                            </div>
                            <label class="col-lg-2 control-label tr required">到达日期：</label>
                            <div class="col-lg-3 tl">
                                <input type="text" validate="required" class="form-control input-sm" data-id="arriveDate" readonly="readonly"/>
                            </div>
                        </div>
                        <div class="form-group mb20">
                            <label class="col-lg-2 control-label tr required">设备类型：</label>
                            <div class="col-lg-8 radio" selfAttr="deviceType">
                                <label class="i-checks">
                                <input type="radio" value="0" name="deviceType" data-id="deviceType" checked>
                                <i></i>
                                内网机
                            </label>
                                <label class="i-checks ml20" >
                                    <input type="radio" value="1" name="deviceType">
                                    <i></i>
                                    外网台式机
                                </label>
                                <!--<label class="i-checks ml20" >
                                    <input type="radio" value="2" name="deviceType">
                                    <i></i>
                                    打印机
                                </label>-->
                                <label class="i-checks ml20" >
                                    <input type="radio" value="3" name="deviceType">
                                    <i></i>
                                    笔记本
                                </label>
                                <label class="i-checks ml20" >
                                    <input type="radio" value="-1" name="deviceType">
                                    <i></i>
                                    外设
                                </label>
                            </div>
                        </div>
                        <div class="form-group mb20">
                            <label class="col-lg-2 control-label tr required">报修资产：</label>
                            <div class="col-lg-8 tl">
                                <div id="baoXiuAsset" class="inputdrop" required>
                                </div>
                            </div>
                        </div>
                        <div class="form-group mb20" id="yunwei_tips">
                            <label class="col-lg-2 control-label tr"></label>
                            <div class="col-lg-8 tl">
                                <strong>
                                    (温馨提示：对若用户要做系统重装，请提醒用户做好数据备份！)
                                </strong>
                            </div>
                        </div>
                        <div class="form-group mb20">
                            <label class="col-lg-2 control-label tr required">请求描述</label>
                            <div class="col-lg-8 tl bold">
                                <textarea type="text" rows="6" validate="required" class="form-control input-sm" data-id="applyDesc"/>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!--其他步骤-->
        <div class="hidden" id="hidden_steps">
            <div class="panel panel-default animated fadeInRight" id="step2">
                <div class="panel-body no-tb-padder">
                    <div class="form-group">
                        <h4 style="text-align:center;">维护信息</h4>
                    </div>
                    <div class="form-group mb20">
                        <label class="col-lg-2 control-label tr required">服务级别：</label>
                        <div class="col-lg-3 tl">
                            <input type="text" class="form-control input-sm" data-id="serviceLevel" readonly="readonly"/>
                        </div>
                    </div>
                    <!--<div class="form-group mb20">
                        <label class="col-lg-2 control-label tr">设备型号：</label>
                        <div class="col-lg-3 tl">
                            <input type="text" class="form-control input-sm" data-id="deviceModel"/>
                        </div>
                        <label class="col-lg-2 control-label tr">设备序列号：</label>
                        <div class="col-lg-3 tl">
                            <input type="text"  class="form-control input-sm" data-id="deviceSerial"/>
                        </div>
                    </div>-->
                    <div class="form-group mb20">
                        <label class="col-lg-2 control-label tr">配件：</label>
                        <div class="col-lg-6 checkbox">
                            <label class="i-checks">
                                <input type="checkbox" value="0" name="fitting" data-id="fitting" data-name="open"><i></i> 电池
                            </label>
                            <label class="i-checks">
                                <input type="checkbox" value="1" name="fitting" data-id="fitting" data-name="open"><i></i> 适配器
                            </label>
                            <label class="i-checks">
                                <input type="checkbox" value="-1" name="fitting" data-id="fitting" data-name="open"><i></i> 其他(请列出)
                            </label>
                            <input type="text" style="width:37%;display:inline-block;" class="form-control input-sm" data-id="otherfittings"/>
                        </div>
                    </div>
                    <div class="form-group mb20">
                        <label class="col-lg-2 control-label tr required">故障分析:</label>
                        <div class="col-lg-8 tl">
                            <textarea type="text" class="form-control input-sm" validate="required" data-id="faultAnalysis"/>
                        </div>
                    </div>
                    <div class="form-group mb20">
                        <label class="col-lg-2 control-label tr required">处理方案:</label>
                        <div class="col-lg-8 tl">
                            <textarea type="text" class="form-control input-sm" validate="required" data-id="processPlan"/>
                        </div>
                    </div>
                    <div class="form-group mb20">
                        <label class="col-lg-2 control-label tr required">处理结果</label>
                        <div class="col-lg-8 radio">
                            <label class="i-checks">
                                <input type="radio" value="0" name="dealResultRadio" data-id="dealResultRadio" checked>
                                <i></i>
                                已解决
                            </label>
                            <label class="i-checks ml20" >
                                <input type="radio" value="1" name="dealResultRadio">
                                <i></i>
                                第三方维修
                            </label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default animated fadeInRight" id="step3">
                <div class="panel-body no-tb-padder">
                    <div class="form-group">
                        <h4 style="text-align:center;">用户满意度</h4>
                    </div>
                    <div class="form-group mb20">
                        <label class="col-lg-2 control-label tr required">用户满意度：</label>
                        <div class="col-lg-8 radio">
                            <label class="i-checks">
                                <input type="radio" value="0" name="userSatisfaction" data-id="userSatisfaction" checked>
                                <i></i>
                                非常满意
                            </label>
                            <label class="i-checks ml20" >
                                <input type="radio" value="1" name="userSatisfaction">
                                <i></i>
                                满意
                            </label>
                            <label class="i-checks ml20" >
                                <input type="radio" value="2" name="userSatisfaction">
                                <i></i>
                                一般
                            </label>
                            <label class="i-checks ml20" >
                                <input type="radio" value="3" name="userSatisfaction">
                                <i></i>
                                不满意
                            </label>
                            <label class="i-checks ml20" >
                                <input type="radio" value="4" name="userSatisfaction">
                                <i></i>
                                非常不满意
                            </label>
                        </div>
                    </div>
                    <div class="form-group mb20">
                        <label class="col-lg-2 control-label tr">用户评价：</label>
                        <div class="col-lg-8 tl">
                            <textarea type="text" class="form-control input-sm" data-id="userAssess"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(function () {
            require(['js/plugin/workorder/workorder.js'] ,function (workorder) {
                var el_div = $("#workorder_div");
                workorder.richangyunwei.step_init(el_div,{actTmpId:"richangyunwei_step1"},workorder);
                //提交按钮
                $("#submit_btn").unbind("click");
                $("#submit_btn").click(function () {
                    workorder.richangyunwei.start_submit(el_div,workorder);//提交表单
                });
            });
        });
    </script>
</div>